<template>
<el-container  class="body">
        <el-header>
          <i class="el-icon-arrow-left"></i>
            <h3>企业列表</h3>
            <el-button icon="el-icon-search" class="el-circle-index-search el-circle-index" round></el-button>
            
        </el-header>
        <el-header class="el-circle-index-header">
        	<div class="select-list"> 
        		<a href="#">地区</a>
	        	<a href="#">行业</a>
	        	<a href="#">协会</a>
	        
        	</div>
        	
          <div class="el-circle-index-Introduction">
          	<h4>圈友企业 <a href="#">更多 <i class="el-icon-arrow-right"></i></a></h4>
              <ul> 
              	<li> 
              		<img src="http://js.wotucdn.com/framework/web/public/mainsite/images/wt-logo.png" />
              		<p>得到餐饮</p>
              	</li>
              	<li> 
              		<img src="http://js.wotucdn.com/framework/web/public/mainsite/images/wt-logo.png" />
              		<p>得到餐饮</p>
              	</li>
              	<li> 
              		<img src="http://js.wotucdn.com/framework/web/public/mainsite/images/wt-logo.png" />
              		<p>得到餐饮</p>
              	</li>
              	<li> 
              		<img src="http://js.wotucdn.com/framework/web/public/mainsite/images/wt-logo.png" />
              		<p>得到餐饮</p>
              	</li>
              </ul>
          </div>
        </el-header>
      
        <el-main>
          <h4>圈友企业 <a href="#">更多 <i class="el-icon-arrow-right"></i></a></h4>
             <ul>
               <li>
                 <img src="http://js.wotucdn.com/framework/web/public/mainsite/images/wt-logo.png">
                 <div class="main-center">
                   <h5>广州中山电子有限公司</h5>
                    <p>可以看到 iView 最新版本的资源</p>
                 </div>
                 <div class="main-right">
                   <el-button>沟通</el-button>
                 </div>
               </li>
               <li>
                 <img src="http://js.wotucdn.com/framework/web/public/mainsite/images/wt-logo.png">
                 <div class="main-center">
                   <h5>广州中山电子有限公司</h5>
                    <p>可以看到 iView 最新版本的资源</p>
                 </div>
                 <div class="main-right">
                   <el-button>沟通</el-button>
                 </div>
               </li>
               <li class="active">
                 <img src="http://js.wotucdn.com/framework/web/public/mainsite/images/wt-logo.png">
                 <div class="main-center">
                   <h5>广州中山电子有限公司</h5>
                    <p>可以看到 iView 最新版本的资源</p>
                 </div>
                 <div class="main-right">
                   <el-button>沟通</el-button>
                 </div>
               </li>
             </ul>
        </el-main>
        
        <mt-tabbar >
          <mt-tab-item id="首页">
            <img slot="icon" src="http://js.wotucdn.com/framework/web/public/mainsite/images/wt-logo.png">
            首页
          </mt-tab-item>
          <mt-tab-item id="消息">
            <img slot="icon" src="http://js.wotucdn.com/framework/web/public/mainsite/images/wt-logo.png">
            消息
          </mt-tab-item>
          <mt-tab-item id="购物车">
            <img slot="icon" src="http://js.wotucdn.com/framework/web/public/mainsite/images/wt-logo.png">
            购物车
          </mt-tab-item>
          <mt-tab-item id="我的">
            <img slot="icon" src="http://js.wotucdn.com/framework/web/public/mainsite/images/wt-logo.png">
            我的
          </mt-tab-item>
        </mt-tabbar>
</el-container>
  
</template>

<script>

  export default {
    data() {
      return {
        logining: false,
        ruleForm2: {
          name: '请输入圈子名称',
          checkPass: ''
        },
        rules2: {
          account: [
            { required: true, message: '请输入账号', trigger: 'blur' },
            //{ validator: validaePass }
          ],
          validata: [
            { required: true, message: '请输入验证码', trigger: 'blur' },
            //{ validator: validaePass }
          ],
          checkPass: [
            { required: true, message: '请输入密码', trigger: 'blur' },
            //{ validator: validaePass2 }
          ]
        },
        checked: true,
        tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }]
      };
    },
    methods: {
      handleReset2() {
        this.$refs.ruleForm2.resetFields();


      },
      handleSubmit2(ev) {
        var _this = this;
        this.$refs.ruleForm2.validate((valid) => {
            if(valid){ 
              this.$fetch('/api/v2/movie/top250').then((response) => {
                // console.log(response)
              })
            } 
        });
      },
    }
  }

</script>
<style >
@import '../common/css/circlelist.css'

</style>
